<%@ page language="java" contentType="text/html; charset=UTF-8" import="org.springframework.ui.ModelMap" import="java.util.*,com.device.operating.entity.*"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="/xasj/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="/xasj/easyui/themes/icon.css">
<link rel="stylesheet" type="text/css" href="/xasj/easyui/themes/color.css">
<script type="text/javascript" src="/xasj/easyui/jquery.min.js"></script>
<script type="text/javascript" src="/xasj/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="/xasj/js/dvoperate/addolt.js"></script>
<script type="text/javascript">
function selectPanel(){
	$.messager.prompt('Prompt','Please enter the panel title:',function(s){
		if (s){
			$('#aa').accordion('select',s);
		}
	});
}
var idx = 1;
function addPanel(){
	$('#aa').accordion('add',{
		title:'Title'+idx,
		href:'todvparent',
	    onLoad:function(){    
	    	$.getScript('/xasj/js/component/dvparent.js');  
	    }   
		//content:'<div style="padding:10px">Content'+idx+'</div>'
	});
	idx++;
}
function removePanel(){
	var pp = $('#aa').accordion('getSelected');
	if (pp){
		var index = $('#aa').accordion('getPanelIndex',pp);
		$('#aa').accordion('remove',index);
	}
}
</script>
<input id="noltId" value="<%=request.getAttribute("noltId").toString()%>" style="display:none"/>
</head>
<body>
<div id="aa" class="easyui-accordion"   data-options="fit:true,animate:false">

<div title="OLT参数设置" data-options="iconCls:'icon-ok',fit:true" style="overflow:auto;padding-left:15px;padding-top:5px">	
		<form id="st1">
		<table style="padding-top:22px;padding-left:10px" width="100%" border="1"
		cellspacing="0" cellpadding="0" bordercolor="#666666" >
		<tr height="40px">
		<td width="10%">节点名称：</td>		
		<td width="20%">
		<input id="oltname" style="width:98%;height:98%">
		</td>
		<td width="10%">设备类型：</td>				
		<td width="20%">
		<select id="olttype"  style="width:98%;height:98%">
			<option value="0">请选择</option>
			<option value="1">FTTH</option>	
			<option value="2">FTTB</option>						
		</select>
		</td>
		<td width="10%">PON口类型：</td>				
		<td width="30%">
		<select id="oltpontype" style="width:98%;height:98%">
			<option value="0">请选择</option>
			<option value="1">GPON</option>	
			<option value="2">EPON</option>						
		</select>
		</td>
		</tr>		
		<tr  height="40px" id="xhrow"></tr>		
		<tr height="40px">
		<td>PON口总数：</td>		
		<td >
		<input id="oltponnum"  style="width:98%;height:98%"/>
		</td>
		<td>每板PON口数：</td>				
		<td>
		<input id="boardnum" style="width:98%;height:98%"/>
		</td>
		<td>主控板：</td>				
		<td>
		<input id="zhukong" style="width:30%;height:98%"/>
		预留PON口：<input id="ylpon" style="width:40%;height:98%"/>
		</td>
		</tr>
		<tr height="40px" id="jfrow"></tr>
		<tr  height="40px">
		<td>IP请求数量：</td>
		<td>
		<input id="requestipnum" style="width:98%;height:98%"/>
		</td>
		<td>获取IP地址</td>
		<td>
		<input id="getoltip" style="width:98%;height:98%" />
		</td>
		</tr>
		<tr height="40px">
		<td>网关：</td>
		<td>
		<input id="getgw" class="easyui-validatebox easyui-textbox" data-options="required:true" style="width:98%;height:98%"/>
		</td>
		<td>IP地址段：</td>
		<td>
		<input id="iprange" class="easyui-validatebox easyui-textbox" data-options="required:true" style="width:98%;height:98%"/>
		</td>
		</tr>
		<tr height="40px">
		<td>语音IP数量：</td>
		<td>
		<input id="voipnum" style="width:98%;height:98%"/>
		</td>
		<td>获取语音地址：</td>
		<td>
		<input id="getoltvoip" style="width:98%;height:98%" />
		</td>
		</tr>
		<tr height="40px">
		<td>语音网关：</td>
		<td>
		<input id="voipgw" class="easyui-validatebox easyui-textbox" data-options="required:true" style="width:98%;height:98%"/>
		</td>
		<td>语音地址段：</td>
		<td>
		<input id="voiprange" class="easyui-validatebox easyui-textbox" data-options="required:true" style="width:98%;height:98%"/>
		</td>
		</tr>
		<tr height="40px">
		<td>VLAN生成：</td>
		<td><input id="pppvlanbegin" style="width:98%;height:98%"/></td>
		<td>pppoe vlan终止</td>
		<td>
		<input id="pppvlanend" class="easyui-numberbox" data-options="required:true" style="width:98%;height:98%"/>
		</td>
		</tr>
		<tr height="40px">
		<td>iptv vlan：</td>
		<td>
		<input id="iptvvlan" class="easyui-validatebox easyui-textbox" data-options="required:true" style="width:98%;height:98%"/>
		</td>
		<td>预留 vlan：</td>
		<td>
		<input id="ylvlan" class="easyui-validatebox easyui-textbox" data-options="required:true" style="width:98%;height:98%"/>
		</td>
		<td>voip vlan：</td>
		<td>
		<input id="voipvlan" class="easyui-validatebox easyui-textbox" data-options="required:true" style="width:98%;height:98%"/>
		</td>
		</tr>
		<tr height="30px">
		<td></td>
		<td>
		<a id="step1" class="easyui-linkbutton c8" data-options="toggle:true,plain:true,group:'g3'"style="width:99%;height:29px"></a>
		</td>
		<td colspan="2"><a id="inputexcel" class="easyui-linkbutton c8" data-options="toggle:true,plain:true,group:'g3',iconCls:'icon-redo'"style="width:99%;height:29px">导入工单文件</a></td>
		<td></td>
		</tr>
		</table>
		</form>
		</div>
		
		<div id="addparent" title="设备上联" data-options="iconCls:'icon-ok'" style="overflow:auto;padding-left:15px;padding-top:5px;height:355px">
		</div>
		
		<div id="addonu" title="配置ONU" data-options="iconCls:'icon-ok'" style="overflow:auto;padding-left:15px;padding-top:5px;height:355px">
		<table id="newonu"  style="width:850px;height:355px" >
		</table>
		<div id="compl">
		<a id="pre2"style="width:80px"></a><a id="step3" style="width:120px"></a>
		</div>
		</div>
		
		</div>

</body>
</html>